<template>
  <div class="goodsinfo">
    <div>
      <van-nav-bar title="" left-text="返回" left-arrow @click-left="toshop()" @click-right="tomall" >
        <template #right >
          <van-icon name="shopping-cart-o" size="18" />
        </template>
      </van-nav-bar>
      <van-swipe class="my-swipe" indicator-color="white">
        <van-swipe-item v-for="goods in images">
          <img class="gs-img" src="https://img11.360buyimg.com/n2/jfs/t1/95575/40/27726/167875/626ccef6E6ec32cc4/3894ae6bc7342723.jpg">
        </van-swipe-item>
      </van-swipe>
    </div>
    <div style="height: 100px;width: 100%;background-color: #E9FAF4">
      <van-row>
        <van-col style="color: black;font-size: 16px;margin-top: 20px" span="14">{{shop.name}}</van-col>
        <van-col span="2"></van-col>
        <van-col style="color: #8d8c8c;font-size: 12px;margin-top: 25px;margin-left: 40px" span="6">月销量：{{ shop.stock}}</van-col>
      </van-row>
    </div>
    <div>

    </div>
  </div>
</template>

<script>
export default {
  name: "GoodsInfo",
  data () {
    return {
        images :[
          {
            image:"https://img11.360buyimg.com/n2/jfs/t1/95575/40/27726/167875/626ccef6E6ec32cc4/3894ae6bc7342723.jpg"
          },
          {
            image:"https://img11.360buyimg.com/n2/jfs/t1/95575/40/27726/167875/626ccef6E6ec32cc4/3894ae6bc7342723.jpg"
          },
          {
            image:"https://img11.360buyimg.com/n2/jfs/t1/95575/40/27726/167875/626ccef6E6ec32cc4/3894ae6bc7342723.jpg"
          }
        ],
      shop:
            {
              name: "李宁 (LI-NING) 沙袋绑腿负重手环训练手套",
              type: "",
              prize: 69.0,
              newprize: 199.0,
              sales:121,
              stock:999
            }
    }
  },
  methods:{
    toshop() {
      this.$router.push("/shoptype");
    },
    tomall() {
      this.$router.push("/mall");
    }


  }


}
</script>

<style scoped>
.my-swipe  {
  color: #fff;
  font-size: 20px;
  line-height: 20px;
  text-align: center;
}
.gs-img {
  width: 100%;
  height: 300px;
}
</style>
